<template>
    <div class="container1">
        <TopNavbar />
        <Layout/>
        <TabPage/>
        <QRCode/>
        <div class="new-container">
          <SwiperPage />
          <LinkedPage/>
        </div>
      <div style="flex: auto">
        <NewsPage/>
        <SubmenuPage/>
      </div>

    </div>

</template>
<script setup>
import TopNavbar from "@/components/TopNavbar.vue";
import SwiperPage from "@/components/SwiperPage.vue";
import NewsPage from "@/components/NewsPage.vue";
import Layout from "@/components/Layout.vue";
import TabPage from "@/components/TabPage.vue";
import LinkedPage from "@/components/LinkedPage.vue";
import SubmenuPage from "@/components/SubmenuPage.vue";
import QRCode from "@/components/QRCode.vue";
</script>
<script>
export default {
    name: "NewHome"
}
</script>
<style scoped>
.new-container{
  width: 1200px;
  display: flex;
  justify-items: center;
  align-items: center;
  margin: auto;
  height: 550px;
}
</style>